<!-- 快捷链接：必看/热门 - 性能优化简化版 -->
<div class="quick-links-wrapper" th:if="${not #lists.isEmpty(theme.config.top.BannerLeft.categoryGroup)}">
    <div class="categoryGroup">
        <th:block th:with="groups = ${theme.config.top.BannerLeft.categoryGroup}">
            <!-- 必看按钮 -->
            <div class="categoryItem" th:if="${#lists.size(groups) >= 1}">
                <a class="categoryButton CB1 bikan" th:href="@{${groups[0].url}}">
                    <span class="categoryButtonText">[[${groups[0].title}]]</span>
                    <i th:if="${not #strings.startsWith(groups[0].icon, 'http')}" th:class="${groups[0].icon}"></i>
                    <img th:if="${#strings.startsWith(groups[0].icon, 'http')}" th:src="@{${groups[0].icon}}" alt="icon"/>
                </a>
            </div>
            <!-- 热门按钮 -->
            <div class="categoryItem" th:if="${#lists.size(groups) > 1}">
                <a class="categoryButton remen" th:href="@{${groups[1].url}}">
                    <span class="categoryButtonText">[[${groups[1].title}]]</span>
                    <i th:if="${not #strings.startsWith(groups[1].icon, 'http')}" th:class="${groups[1].icon}"></i>
                    <img th:if="${#strings.startsWith(groups[1].icon, 'http')}" th:src="@{${groups[1].icon}}" alt="icon"/>
                </a>
            </div>
        </th:block>
    </div>
    
    <!-- 按钮样式 - 复用现有的 CSS -->
    <th:block th:if="${#lists.size(theme.config.top.BannerLeft.categoryGroup) >= 1}" th:with="groups = ${theme.config.top.BannerLeft.categoryGroup}">
        <style>
            a.categoryButton.bikan {
                background: linear-gradient(to right, [[${groups[0].colorOneLight}]], [[${groups[0].colorTwoLight}]]);
                background-size: 200%;
            }
            [data-theme=dark] a.categoryButton.bikan {
                background: linear-gradient(to right, [[${groups[0].colorOneDark}]], [[${groups[0].colorTwoDark}]]);
                background-size: 200%;
            }
        </style>
    </th:block>
    
    <th:block th:if="${#lists.size(theme.config.top.BannerLeft.categoryGroup) > 1}" th:with="groups = ${theme.config.top.BannerLeft.categoryGroup}">
        <style>
            a.categoryButton.remen {
                background: linear-gradient(to right, [[${groups[1].colorOneLight}]], [[${groups[1].colorTwoLight}]]);
                background-size: 200%;
            }
            [data-theme=dark] a.categoryButton.remen {
                background: linear-gradient(to right, [[${groups[1].colorOneDark}]], [[${groups[1].colorTwoDark}]]);
                background-size: 200%;
            }
        </style>
    </th:block>
</div>

